import Vue from 'vue'
import App from './App.vue'
// 三级联动组件，---全局组件
import TypeNav from './components/TypeNav'
// 轮播图，===全局组件
import Carousel from './components/Carousel'
// 分页器 --全局组件
import Pagination from './components/Pagination'
// Element-ui注册组件
import { Button, MessageBox } from 'element-ui';
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
// 第一个参数：组件的名字 第二个参数：哪一个组件
Vue.component(TypeNav.name, TypeNav)
Vue.component(Carousel.name, Carousel)
Vue.component(Pagination.name, Pagination)
Vue.component(Button.name, Button)
    // 引入路由
import router from './router'
// 引入仓库
import store from '@/store'

// 引入MockServer。js ---mock数据
import '@/mock/mockServe';
// 引入swiper样式
import 'swiper/css/swiper.css'
Vue.config.productionTip = false
    // 测试接口
    // import { reqPostSelectorInfo } from './api'
    // console.log(reqPostSelectorInfo({}));

// 统一接受api文件里的接口、
import * as API from '@/api'
new Vue({
    render: h => h(App),
    // 注册路由，组件身上都有$route,$router属性
    router,
    // 注册仓库 ，组件实例身上会多了一个$store属性
    store,
    // 全局事件总线
    beforeCreate() {
        Vue.prototype.$bus = this,
            Vue.prototype.$api = API
    },
}).$mount('#app')